body {
    display: flex;
    flex-direction: column;
    height: 100vh;
    /* width: 100%; */


}

* {
    padding: 0;
    margin: 0;
    font-family: inherit;
    box-sizing: border-box
   
}

li,
a {
    list-style: none;
    text-decoration: none;
    color: black;
}

.pop-meun {



    width: 200%;
    z-index: 1;
    padding-left: 120px;
    /* height: 60px;  */
    /* line-height: %; */
    /* height: 0;  */
    display: block;
    overflow: hidden;
    height: 0;
    font-size: 23px;
    overflow: hidden;
    position: absolute;
    transition: all .5s ease-in-out;
    left: -330px;
    top: 70px;
}

.menu-nav>.submenu:hover .pop-meun {
    background-color: #255;
    display: block;
    /* height: 60px; */
    height: 550px;
  

}


.menu-nav>li {
    margin-right: 36px;

}

.meun-item:hover {
    color: green;
    border-bottom: 3px solid green;
}

.meun-item {
    padding-bottom: 5px;
}

.banner {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    height: 70px;
    z-index: 999;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-items: baseline;

    line-height: 100px;
    background-color: white;
}

.menu-nav {
    display: flex;
    flex-direction: row;
    margin-left: 30px;
    position: relative;
}

.tupian img {
    height: 36px;
    width: 102px;
    position: absolute;
    top: 25px;
    left: 200px;
}

.guoqi {
    margin-left: 10px;
}

video {
    /* width: 100; */
    height: 100vh;
    width: 100%;
}

.pop-meun li a:hover {
    border-bottom: 3px solid white;
}

.pop-meun li a {
    color: white;
    /* height: 0; */
}

.pop-meun li:first-child {
    padding-top: 30px;
}

.pop-meun li:last-child {
    padding-bottom: 90px;
}

h2 {
    display: inline-block;
    /* font-weight: 500; */
    padding: 0 60px;
    background-color: #34364E;
    line-height: 1.5;
    color: white;
    letter-spacing: 5px;
    font-size: 32px;
    /* width: 195px; */
    /* height: 48px; */
    margin: 60px 0;
    margin-left: 195px;
    
}

.xinxi {
    display: flex;
    flex-direction: row;
    /* justify-content: start; */
    margin-left: 200px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   /* justify-content: center; */
    /* justify-content: space-between; */
}

.wenzi {
    width: 100%;
    margin-left: 180px;
    
}
.juzhong{
    margin-left: 180px;

}
span {

    font-weight: 800;
    font-size: 56px;
    color: #34364E;
}

i {
    font-weight: 800;
    font-size: 24px;
    color: #34364E;
}

.dibu {
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #34364E;
}

.fangkuai {
    width: 252px;
    height: 100px;
    margin-bottom: px;
}

.renmin {
    letter-spacing: 2px;
    font-size: 55px;
    font-weight: bold;
    
}
.shizhi{
   
    display: inline-block;
    /* line-height: 50px; */
    /* margin-top: 20px; */
    margin-left: 50px;
    position: relative;
    bottom: 60px;
 
}
.renminbi{
    /* display: inline-block; */
    width: 505px;
    /* height: 112px; */
    margin-left: 200px;
    display: inline-block;
}
.shizhi{
 
  
    width: 257px;
}


.weizhi{
   width: 1050px;
   height: 400px;
   
}
.liaojie{
 display: flex;
 flex-direction: column;
 
}
.yangshi{
    /* border: solid black 2px; */
    position: absolute;
    top: -30px;
    left: 650px;
     align-items: center;
    flex-wrap: wrap;
   width: 575px;
  height: 450px;
  display: flex;
  flex-direction: column;
   justify-content: center;
    background-color: #efefef;
    transition: all .5s;
    
}
.box-img{
    position: relative;
}
.box-img img{
    position: absolute;
    left: 190px;
    z-index: 1;
    
}
.neme h1{
   padding-right: 190px;
   color: #000;
   font-size: 35px;
}
.neirong p{
   letter-spacing: 2px;
   font-size: 18px;
    line-height: 25px;
    color: #34364E;
    margin-top: 13px;
}
.neirong{
    width: 316px;
    height: 180px;
}
.liaojie{
    font-size: 16px;
    padding-right: 245px;
    padding-top: 18px;
}

.yangshi:hover{
    background-color: #255;
   
} 
 .yangshi:hover a h1 {
    color: #fff;
}

.yangshi:hover a p {
    color: #fff;
}
.yangshi:hover a span {
    color: #fff;
}
.jidian img{
    width: 523px;
    height: 414px;
}
.dibu{
    position: relative;
    margin-left: 200px;
}
.jidian{
    position: absolute;
  top: 650px;
    left: 0;
  
}
.liaojie2{
    position: absolute;
    font-size: 16px;
    bottom: 10px;
}
.jidian img{
    position: absolute;
    left: 700px;
    z-index: 1;
}
.yangshi2{
     /* border: solid black 2px; */
     position: relative;
     position: absolute;
     top: -30px;
     left: 190px;
      align-items: center;
     flex-wrap: wrap;
    width: 575px;
   height: 450px;
   display: flex;
   flex-direction: column;
    justify-content: center;
     background-color: #efefef;
     transition: all .5s;
    line-height: 30px;
}

.yangshi2:hover{
    background-color: #255;
   
} 
 .yangshi2:hover a h1 {
    color: #fff;
}

.yangshi2:hover a p {
    color: #fff;
}
.yangshi2:hover a span {
    color: #fff;
}
.yangshi3{
   
    position: absolute;
    top: 1100px;
    left: 650px;
     align-items: center;
    flex-wrap: wrap;
   width: 575px;
  height: 450px;
  display: flex;
  flex-direction: column;
   justify-content: center;
    background-color: #efefef;
    transition: all .5s;
}
.nuantong img{
    width: 523px;
    height: 395px;
    position: absolute;
    left: 189px;
  top: 1150px;
    z-index: 1;
    
}
.yangshi3:hover{
    background-color: #255;
   
} 
 .yangshi3:hover a h1 {
    color: #fff;
}

.yangshi3:hover a p {
    color: #fff;
}
.yangshi3:hover a span {
    color: #fff;
}
.yangshi4{
    position: absolute;
    top: 1400px;
    left: 190px;
     align-items: center;
    flex-wrap: wrap;
   width: 575px;
  height: 450px;
  display: flex;
  flex-direction: column;
   justify-content: center;
    background-color: #efefef;
    transition: all .5s;
}
.jiqiren{
    position: relative;
}
.jiqiren img{
    width: 523px;
    height: 395px;
    position: absolute;
    left: 700px;
  top: 1450px;
    z-index: 1;
}
.liaojie5{
    font-size: 16px;
    /* padding-right: 245px; */

}
.yangshi4:hover{
    background-color: #255;
   
} 
 .yangshi4:hover a h1 {
    color: #fff;
}

.yangshi4:hover a p {
    color: #fff;
}
.yangshi4:hover a span {
    color: #fff;
}
.yangshi5{
    position: absolute;
    top: 2050px;
    left: 650px;
     align-items: center;
    flex-wrap: wrap;
   width: 575px;
  height: 450px;
  display: flex;
  flex-direction: column;
   justify-content: center;
    background-color: #efefef;
    transition: all .5s;
}
.yangshi5 img{
    width: 523px;
    height: 395px;
    position: absolute;
   left: -450px;
   top: 50px;
 
    z-index: 1;
}
.yangshi5:hover{
    background-color: #255;
   
} 
 .yangshi5:hover a h1 {
    color: #fff;
}

.yangshi5:hover a p {
    color: #fff;
}
.yangshi5:hover a span {
    color: #fff;
}
.po{
    width: 100%;
   background-color: grey;
   margin-top: 200%;
   display: flex;
   flex-direction: row;
   justify-content: center;
}
.po div{
    height: 300px;
    width: 1049px;
}
.chengjiaoliang{
    display: inline-block;
    width: 257px;
    position: relative;
    top: -61px;
}
div .weizhi{
    position: relative;
    left: 200px;
   
}
.lianxi{
    display: flex;
    flex-direction: column;
    position: relative;
    top: 60px;
    margin-right: 7%;
    /* line-height: 22px; */
}
.timu{
    font-size: 16px;
    letter-spacing: .8px;
    display: flex;
    align-items: center;
    display: inline-block;
    
}
.io{
    display: flex;
    /* flex-direction: row; */
}